﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Habs Cervantes / Nelvin Victorino - http://www.audioscape.com/">
<meta name="description" content="Login Page | Audioscape | In-Store Radio">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<title>Audioscape Login</title>
<link href="css/reset.css" type="text/css" rel="stylesheet">
<link href="css/login.css" type="text/css" rel="stylesheet">
<link href="css/tipsy.css" type="text/css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet" type="text/css">

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>

</head>
<body>
	<div class="login">
		<h2>Audioscape Admin Login</h2>
		<form action="#" method="post" class="enter">
			<input type="text" value="" placeholder="Username" class="fields" title="Your Username" required />
			<input type="password" value="" placeholder="Password" class="fields" title="Your Password" required />
			<a href="javascript:void(0);" title="Forgot Password?">Forgot Password?</a>
			<input type="button" value="Let Me In!" title="Enter at your Own Risk!" />
		</form>
		<p>Copyright &copy <script language="JavaScript">today=new Date(); y0=today.getFullYear(); document.write(y0);</script>&nbsp;&nbsp;|&nbsp;&nbsp;Audioscape</p>
	</div>
<script type="text/javascript">
  $(function() {
    $('.enter [title]').tipsy({trigger: 'hover', gravity: 'w'});
  });
</script>
</body>
</html>